$border: 1px solid #999;
*{
    margin: 0;
    padding: 0;
}

html{
    font-size: 10px;
}
body{
    overflow-x: hidden;
    width: 100vw;
    background-color: #F5F5F5;
}
a{
    text-decoration: none;
}
li{
    list-style: none;
}

header{
    display: flex;
    background-color: #FF8A00;
    width: 100vw;
    height: 5rem;
    position: relative;
    top: 0;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    img{
        text-align: center;
    }
    .div1{
        img{
            width: 12rem;
        }
    }
    .div2{
        flex: 0.5;
        text-align: center;
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-evenly;
        img{
            width: 2.5rem;
        }
    }
}

//轮播
  .swiper-slide {
    background-position: center;
    background-size: cover;
  }

  .swiper-slide img {
    display: inline-block;
    width: 100vw;
    height: 25rem;
  }
  .swiper-pagination{
      width: 4.5rem;
      height: 1.5rem;
      border-radius: 15px;
      margin-left: 25rem;
      background-color: rgba(46, 46, 53, 0.8);
      span{
          line-height: 1.5rem;
          display: inline-block;
          color: #ffff;
      }
    }

section{
    width: 100vw;
    height: 15rem;
    background-color: #ffff;
    line-height: 3rem;
    div{
        width: 90vw;
        margin-left: 5%;
        h2{
            margin-top: 1rem;
            font-size: 2rem;
            font-weight: 600;
        }
        p:nth-of-type(2){
            color:#CCC1C6;
        }
       
        p{
            line-height: 1.5rem;
            font-size: 1.5rem;
            margin-top: .8rem;
            img{
                width: 1.5rem;
                height: 1.8rem;
                float: right;
            }
            span{
                font-weight: 600;
                color: #DB4C3F;
            }
        }
        
    }
    .man{
        margin-top: 1rem;
        span:nth-of-type(1){
            margin-right: 1rem;
        }
        span:nth-of-type(2){
            margin-right: 1rem;
        }
        span{
            font-size: 1.3rem;
            display: inline-block;
            background-color: #DEE9F0;
            color: #879EB1;
            height: 2rem;
            line-height: 2rem;
        }
    }
}

.hux{
    width: 100vw;
    background-color: #ffff;
    height: 34rem;
    p{
        width: 90vw;
        border-bottom: 1px solid  #E8E8E8;
        height: 4rem;
        margin-left: 1.4rem;
        line-height: 4rem;

        font-size: 1.2rem;
        span{
            width: 45vw;
            display: inline-block;
        }
    }
}

.dian{
    text-align: center;
    height: 3rem;
    background-color: #ffff;
    font-size: 1.2rem;
    color: #B2B2B2;
}
#div000{
    background-color: #fff;
}
.dce{
    text-align: center;
    height: 3rem;
    background-color: #ffff;
    font-size: 1.2rem;
    width: 90vw;
    margin-left: 5%;
    color: #B2B2B2;
    line-height: 3rem;
    border-top: 2px solid  #E8E8E8;
}

.fang{
    margin-top: -3rem;
    font-size: 1.2rem;
    background-color: #ffff;
    display: none;
    width: 100vw;
    p{
        width: 90vw;
        margin-left: 1.4rem;
        span{
            border-bottom: 1px solid  #E8E8E8;
            width: 45vw;
            display: inline-block;
            line-height: 3rem;
        }
    }
}

.yuant{
    width: 100vw;
    background-color: #ffff;
    height: 15rem;
    h2{
        width: 90vw;
        margin-left: 5%;
        font-size: 1.6rem;
        color: #FF963F;
        height: 4rem;
        line-height: 4rem;
        border-bottom: 2px solid  #E8E8E8;
    }
    p{
        width: 90vw;
        margin-top: 1rem;
        margin-left: 5%;
        font-size: 1.2rem;
        line-height: 2rem;
    }
}
.div8{
    font-size: 1rem;
    height: 25rem;
    margin-top: 1rem;
    background-color: #fff;
    h3 {
        width: 90vw;
        height: 5rem;
        line-height: 5rem;
        color: #FF8A00;
        font-size: 1.6rem;
        font-weight: 600;
        border-bottom: 1px solid #999;
        margin: 0 auto;
    }
    li:nth-of-type(2) {
        border: none;
    }
    
    li {
        list-style: none;
        width: 90vw;
        height: 10rem;
        margin: 0 auto;
        border-bottom: 1px solid #FF8A00;
        display: flex;
        align-items: center;
        
        .div11 {
            display: flex;
            
            img {
                height: 8rem;

            }
            
            .div22 {
                margin-left: 1rem;
                
                p:nth-of-type(1) {
                    font-size: 1.3rem;
                    font-weight: 700;

                }
                p:nth-of-type(2) {
                    margin: 1rem 0 2rem 0;
                }
                .div333 {
                    span:nth-of-type(1) {
                        margin-right: 1rem;
                    }
                    span {
                        width: 5rem;
                        height: 2rem;
                        text-align: center;
                        line-height: 2rem;
                        background-color: #f4f7f9;
                        color: #87ACC9;
                        display: inline-block;
                    }
                }
            }
        }
    }
}

.div9 {
    font-size: 1rem;
    background-color: #fff;
    height: 30rem;
    margin-top: 1rem;

    p:nth-of-type(1) {
        width: 90vw;
        height: 5rem;
        margin: 0 auto;
        line-height: 5rem;
        font-size: 1.2rem;
        font-weight: 900;
        border-bottom: 2px solid  #E8E8E8;
    }


    ul li {
        width: 90vw;
        height: 4rem;
        line-height: 4rem;
        margin: 0 auto;
        border-bottom: $border;

        span {
            color: #999;
        }
    }

    p:nth-of-type(2) {
        text-align: center;
        color: #999;
        line-height: 4rem;
    }
}

.div10 {
    height: 30rem;
    margin-top: 1rem;
    background-color: #fff;

    h2 {
        font-size: 2rem;
        line-height:5rem;
        width: 90vw;
        margin: 0 auto;
        font-weight: 700;
        border-bottom: 1px solid black;

    }

    #allmap {
        margin-top: 2rem;
        text-align: center;
        width: 90vw;
        height: 20rem;
        margin-left: 1.5rem;
    }


}


.div13 {
    height: 130rem;
    background-color: #fff;


    .div14 {
        background-color: #fff;
        font-size: 1rem;

        .p11 {
            height: 4rem;
            border-bottom: $border ;
            line-height: 4rem;
            margin: 0 auto;
            font-size: 1.2rem;
            font-weight: 900;
            text-indent: 1rem;
        }

        li:last-child {
            border: none;
        }

        li {
            width: 90vw;
            height: 15rem;
            margin: 0 auto;


            .div-zheng {
                display: flex;
                margin: 3rem 0 0 0;

                img {
                    height: 8rem;
                }

                .div-right {
                    width: 60vw;
                    margin-left: 1rem;

                    p {
                        font-size: 1.2rem;
                        font-weight: 600;
                        margin-bottom: 1rem;
                    }

                    div:nth-of-type(1) {
                        font-weight: 600;

                        span:nth-of-type(2) {
                            color: #FF8A00;
                        }
                    }

                    div:nth-of-type(2) {
                        color: #999;
                    }

                    div {
                        display: flex;
                        justify-content: space-between;
                        margin-bottom: 1.5rem;
                    }

                    .sp1 {
                        border: $border;
                        padding: 0.5rem 1rem;
                        background-color: #dee9f0;
                        color: #999;
                    }
                }
            }

            .pp {
                height: 4rem;
                line-height: 4rem;
                width: 92vw;
                margin: 1rem 0 0 0rem;
                padding-left: 1rem;
                background-color: #f2f2f2;
                position: relative;
                border: 1px solid #dee9f0;

                span {
                    display: inline-block;
                    width: 1rem;
                    height: 1rem;
                    background-color: #f2f2f2;
                    transform: rotate(45deg);
                    position: absolute;
                    top: -0.5rem
                }
            }
        }
    }

    #p {
        line-height: 3rem;
        text-align: center;
        color: #999;
        background-color: #FFFFFF;
        border-top: 2px solid #E8E8E8;
    }
}

.shabi{
    width: 90vw;
    height: 1.5rem;
    border-bottom: 1px solid #EEEEEE;
}

footer{
    width: 100vw;
    .pcd{
        margin-top: 3.3rem;
        width: 100vw;
        height: 15rem;
        background-color: #2F3130;
        span{
            color: #737474;
            font-size: 16px;
            line-height: 3.5rem;
            display: inline-block;
            margin-left: 2.5rem;
            font-weight: 600;
            width: 90vw;
            border-bottom: 1px solid #737474;
        }
    }
    .and{
        width: 80vw;
        margin-top: 2rem;
        margin-left: 15vw;
        display: flex;
        div{
            height: 5rem;
            float: right;
            width: 40vw;
            div{
                width: 27vw;
                
            }
            img{
                width: 7vw;
                order: 0;
            }
            li{
                color: #737474;
                font-size: .875rem;
            }
        }
    }
    .xuke{
        width: 100vw;
        text-align: center;
        color: #737474;
    }
}